*{
			padding: 0;
			margin: 0;
		}
		.header{
			width: 1000px;
			height: 100%;
			margin: 0 auto;
			clear: both;
		}
		.img-header{
				float: left;
				margin-top: 12px;
		}
		.img-header h2{
			float: left;
			overflow: hidden;
			color:#8F9394;
			font-size: 20px;
			margin:6px 1px;
		}
		.img-header img{
			float: left;
			overflow: hidden;
		}
		
		.list{
			float: right;
			margin-top:9px;
			overflow: hidden;
		}
		.list ul{
			list-style: none;
		}
		.list ul li{
			float: left;
			line-height:50px;
			padding:0 10px;
		}
		.download{
			float: right;
    		width: 83px;
    		height: 43px;
    		overflow: hidden;
    		background: url(img/iconlist_2.png) 690px -492px;
		}
		.download-1{
			float: right;
    		width: 89px;
    		height: 29px;
    		background: url(img/iconlist_2.png) 694px -535px;
    		margin-top: 16px;
		}
		.center{
			width:1000px;
			height:400px ;
			margin: 0 auto;
			clear: both;
			background:url(img/bg_1.jpg)no-repeat;
			z-index: -1;
			position:relative;
		}
		.erwei{
			width: 170px;
    		float: right;
    		height: 180px;
    		background: url(img/iconlist_2.png) 683px -313px;
    		z-index: 1;
		}
		.fangdiu{
			    height: 69px;
    			width: 460px;
    			background: url(img/iconlist_1.png) 457px 3px;
    			background:  url(img/iconlist_1.png) 457px -1px;
    			z-index: 1;
    			transform: translate(50%,56%);
		}
		.shishang{
			width: 430px;
			height:40px;
			background:  url(img/iconlist_1.png) 448px 114px;
    		z-index: 1;
    		transform: translate(56%,56%);
		}
		.green{
			width:173px;
			height:173px;
			background: url(img/iconlist_1.png) 1324px -173px;
			z-index: 1;
			position: absolute;
    		top: 233px;
    		margin-left:100px;
    		animation:green 0.714s linear;
		}
		@keyframes green{
			from{
				transform:translateX(-100px) rotate(0deg);
			}
			to{
				transform:translateX(0px) rotate(360deg);
			}
		}
		.yellow{
			width:173px;
			height:173px;
			background: url(img/iconlist_1.png) 1148px -173px;
			z-index: 1;
			position: absolute;
    		top: 233px;
    		margin-left: 250px;
    		animation:yellow 1.785s linear ;
		}
		@keyframes yellow{
			0%{
				transform:translateX(-250px) rotate(0deg);
			}
			100%{
				transform:translateX(0px) rotate(360deg);
			}
		}
		.blue{
			width:173px;
			height:173px;
			background: url(img/iconlist_1.png) 975px -173px;
			z-index: 1;
			position: absolute;
    		top: 233px;
    		animation:blue 2.857s linear;
			margin-left:400px;
		}
		@keyframes blue{
			0%{
				transform:translateX(-400px) rotate(0deg);
			}
			100%{
				transform:translateX(0px) rotate(360deg);
			}
		}
		.pink{
			width:173px;
			height:173px;
			background: url(img/iconlist_1.png) 801px -173px;
			z-index: -1;
			position: absolute;
    		top: 233px;
    		animation:pink 3.928s linear;
			margin-left:550px;
			z-index: 3;
		}
		
		@keyframes pink{
			0%{
				transform:translateX(-550px) rotate(0deg);
			}
			100%{
				transform:translateX(0px) rotate(360deg);
			}
		}
		.orange{
			width:173px;
			height:173px;
			background: url(img/iconlist_1.png) 626px -173px;
			z-index: 1;
			animation: orange 5s  linear;
			position: absolute;
    		top: 233px;
    		margin-left:700px;
    		z-index: 4;
		}
		@keyframes orange{
			0%{
				transform:translateX(-700px) rotate(23deg);
			}
			100%{
				transform:translateX(0px) rotate(360deg);
			}
		}
		.bai{
			width: 1000px;
			height:100px;
			margin: 0 auto;
			background:#FFFFFF;
		}
		.gay{
			width: 1000px;
			height:150px;
			margin: 0 auto;
			background:#DFDFDF ;
		}
		.hao{
			width: 1000px;
			margin: 0 auto;
			margin-bottom: 536px;
		}
		.haoji{
			 width: 365px;
    		height: 47px;
    		background: url(img/iconlist_2.png)1756px -656px;
    		transform: scale(0.8);
    		margin-left: 308px;
		}
		.ji{
			width: 899px;
    		margin-left: 45px;
    		height: 62px;
    		transform: scale(0.8);
    		background: url(img/iconlist_2.png)903px -589px;
		}
		.circ1{
			    width: 145px;
    			height: 145px;
    			background: url(img/iconlist_2.png)689px 1px;
    			animation: yuan 2s linear;
		}
		@keyframes yuan{
			from{
				transform: rotate(0deg);
			}
			to{
				transform: rotate(360deg);
			}
		}
		.circ2{
				width: 145px;
    			height: 145px;
    			background: url(img/iconlist_2.png)527px 1px;
    			animation: yuan 2s linear;
		}
		.circ3{
				width: 145px;
    			height: 145px;
    			background: url(img/iconlist_2.png)365px 1px;
    			animation: yuan 2s linear;
		}
		.circ4{
				width: 145px;
    			height: 145px;
    			background: url(img/iconlist_2.png)201px 1px;
    			animation: yuan 2s linear;
		}
		.circ5{
				width: 145px;
    			height: 145px;
    			background: url(img/iconlist_2.png)598px -148px;
    			animation: yuan 2s linear;
		}
		.circ6{
				width: 145px;
    			height: 145px;
    			background: url(img/iconlist_2.png)435px -148px;
    			animation: yuan 2s linear;
		}
		.circ7{
				width: 145px;
    			height: 145px;
    			background: url(img/iconlist_2.png)273px -148px;
    			animation: yuan 2s linear;
		}
		.circl div{
				float: left;
				margin-left: 84px;
		}
		#circl div{
				float: left;
				margin-left: 84px;
		}
		.phone{
			clear: both;
			width: 1000px;
			margin: 0 auto;
			position: relative;
		}
		.phone img{
			width: 100%;
			height: 100%;
		}
		.phonee{
			width: 526px;
    		height: 275px;
    		background: url(img/iconlist_2.png) 10px -120px;
    		position: absolute;
    		left: 10px;
    		top: 96px;
    		transform: scale(0.8);
		}
		.phonea img{
    		    width: 19%;
    			height: 66%;
   	 			position: absolute;
    			top: 70px;
    			left: 558px;
    			animation:phone 2s linear infinite;
		}
		@keyframes phone{
			0%{
				transform: rotate(30deg);
			}
			30%{
				transform: rotate(-30deg);
			}
			60%{
				transform: rotate(30deg);
			}
			80%{
				transform: rotate(-30deg);
			}
			100%{
				transform: rotate(30deg);
			}
		}
		.hei{
			width: 1000px;
			margin: 0 auto;
			height: 10px;
			background: black;
			margin-top: 10px;
		}
		.zheng{
			width: 1000px;
			margin: 0 auto;
		}
		.first{
			margin: 15px -40px;
			float: left;
			transform: scale(0.8);
		}
		.second{
			margin: 15px -1px;
			float: left;
			transform: scale(0.8);
		}
		.third{
			margin: 15px 49px;
			float: left;
			transform: scale(0.8);
		}
		.fourth{
			margin: 15px -39px;
			float: left;
			transform: scale(0.8);
		}
		.fifth{
			margin: 15px 10px;
			float: left;
			transform: scale(0.8);
		}
		.sixth{
			margin: 15px 49px;
			float: left;
			transform: scale(0.8);
		}
		.tu1{
			width: 81px;
    		height: 81px;
    		background: url(img/iconlist_3.png) 258px -166px;
    		float: left;
    		
		}
		.tu1:hover{
			animation: tu 2s linear infinite;
		}
		@keyframes tu{
			0%{
				transform: rotate(0deg);
				opacity: 0;
			}
			30%{
				transform: rotate(50deg);
				opacity: 0.5;
			}
			60%{
				transform: rotate(-50deg);
				opacity: 0;
			}
			90%{
				transform: rotate(50deg);
				opacity: 0.5;
			}
			100%{
				transform: rotate(-50deg);
				opacity: 0;
			}
		}
		.wenzi{
			float: left;
		}
		.wenzi ul{
			list-style: none;
			color:#A0A09F;
		}
		.hujiao{
			font-size: 20px;
			color: yellow;
		}
		
		.tu2{
			width: 81px;
    		height: 81px;
    		background: url(img/iconlist_3.png) 430px -166px;
    		float: left;
		}
		.tu2:hover{
			animation: tu 2s linear infinite;
		}
		.wenzi2 ul{
			list-style: none;
			color:#A0A09F;
		}
		.wenzi2 ul li{
			white-space: nowrap;
		}
		.tixing{
			font-size: 20px;
			color: red;
		}
		
		.tu3{
			width: 81px;
    		height: 81px;
    		background: url(img/iconlist_3.png) 344px -166px;
    		float: left;
		}
		.tu3:hover{
			animation: tu 2s linear infinite;
		}
		.wenzi3 ul{
			list-style: none;
			color:#A0A09F;
		}
		.wenzi3 ul li{
			white-space: nowrap;
		}
		.dingwei{
			font-size: 20px;
			color: #1DCBF7;
		}
		
		
		.tu4{
			width: 81px;
    		height: 81px;
    		background: url(img/iconlist_3.png) 258px -84px;
    		float: left;
		}
		.tu4:hover{
			animation: tu 2s linear infinite;
		}
		.wenzi4{
			float: left;
		}
		.wenzi4 ul{
			list-style: none;
			color:#A0A09F;
		}
		.shuangxiang{
			font-size: 20px;
			color: #8AD85D;
		}
		
		.tu5{
			width: 81px;
    		height: 81px;
    		background: url(img/iconlist_3.png) 430px -85px;
    		float: left;
		}
		.tu5:hover{
			animation: tu 2s linear infinite;
		}
		.wenzi5 ul{
			list-style: none;
			color:#A0A09F;
		}
		.wenzi5 ul li{
			white-space: nowrap;
		}
		.chaoneng{
			font-size: 20px;
			color: #FF9650;
		}
		
		.tu6{
			width: 81px;
    		height: 81px;
    		background: url(img/iconlist_3.png) 344px -85px;
    		float: left;
		}
		.tu6:hover{
			animation: tu 2s linear infinite;
		}
		.wenzi6 ul{
			list-style: none;
			color:#A0A09F;
		}
		.wenzi6 ul li{
			line-height: 34px;
			white-space: nowrap;
		}
		.xiaoqiao{
			font-size: 20px;
			color: #B19AFD;
		}
		
		.footer{
			width: 1000px;
			height: 300px;
			margin:0 auto;
			margin-top: 288px;
			background:#373737;
			clear: both;
		}
		
		
		.shu1{
			padding: 20px 66px;
			float: left;
		}
		.shu1 li{
			list-style: none;
			line-height: 50px;
			vertical-align: middle;
			color: #7C888D;
		}
		.shu1 li a{
			color: #565758;
			text-decoration: none;
		}
		.guanzhu{
			font-size:27px;
		}
		
		.shu2{
			float: left;
			margin-top: 22px;
			margin-left:71px ;
		}
		.shu2 li{
			list-style: none;
			line-height: 50px;
			vertical-align: middle;
			color: #7C888D;
		}
		.shu2 li a{
			color: #565758;
			text-decoration: none;
		}
		
		.shu3{
			float: left;
			width: 215px;
			height: 200px;
			margin-left: 59px;
			margin-top: 20px;
			background: url(img/iconlist_2.png)0px -540px;
		}
		
		.shu4{
			float: left;
			width: 215px;
			height: 200px;
			margin-left: 59px;
			margin-top: 20px;
			background: url(img/iconlist_2.png)-214px -540px;
		}
		
		
